@charset "UTF-8";
/*body背景色*/
.bg-white{ background: #fff;}
/*箭头样式*/
.ui-cell-group .ui-cell .ui-cell-arrow i.fa-arrow-r{color:#ccc;width:.7rem; height:1.6rem;float: right; background:url(../images/more.png) no-repeat 0 0; background-size: .7rem 1.6rem;}
.ui-cell-group .ui-cell .ui-cell-arrow i.fa-up,.ui-cell-group .ui-cell .ui-cell-arrow i.fa-down{color:#ccc;width:1.6rem; height:1.6rem;float: right; }
.ui-cell-group .ui-cell .ui-cell-arrow i.fa-up{background:url(../images/arrowgrayups.png) no-repeat 0 0; background-size:1.6rem 1.6rem;}
.ui-cell-group .ui-cell .ui-cell-arrow i.fa-down{background:url(../images/arrowdowngrays.png) no-repeat 0 0; background-size:1.6rem 1.6rem;}
.ui-cell-group .ui-cell .ui-cell-title p.smg{ font-size: 1.4rem; color:#666; margin-top: .3rem;}
/*按钮样式*/
.ui-btn-submit{background:#35b46f;}
.ui-btn-submit.active,.ui-btn-submit:not(.disabled):not(:disabled):active{background:#35b46f;border-color:#35b46f;color:rgba(255,255,255,.5)}

/*头部背景*/
.ui-header{background:#35b46f;}
.ui-header h1{color:#fff;}
.ui-header i{color:#fff;}
.ui-header i.back{width:2.2rem;height:2.2rem;top:1.3rem;background:url(../images/back.png) no-repeat center center;background-size:2.2rem 2.2rem; cursor: pointer;}
.ui-header span{position:absolute;top:0;right:1.3rem;display:inline-block;text-align:right;color:#fff;font-size:1.4rem;}
.ui-header span i.img{width:2.2rem;height:2.2rem;font-style:normal;display:block;margin-top:0.7rem;}
.ui-header span i.img img{width:100%;}

/*步骤*/
.mark-box{display:-webkit-flex;display:flex;list-style:none;padding-top:0px;padding-bottom:0px; height:auto;overflow: hidden;}
.mark-box li:nth-child(2){margin-top:1rem; float: left;width: 86.666%;}
.mark-box li:nth-child(2) .line{height:1px;background:#c8c8c8;}
.mark-box li:nth-child(2) .line.active{background:#35b46f;}
.mark-box li:nth-child(1),.mark-box li:nth-child(3){float:left;border-radius:50%;background:#c8c8c8;text-align:center;color:#fff;width:2rem;height:2rem;font-size:1.2rem;line-height:2rem;}
.mark-box li.active{background:#35b46f;}

/*底部支付*/
.ui-bottom{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #ccc;}
.ui-bottom.pay-btn{padding-left:1rem;}
.pay-btn p{font-size:1.6rem;overflow:hidden;color:#323232;}
.pay-btn p .warming{color:#35b46f;font-size:1.6rem;margin-top:1.1rem;display:inline-block;}
.pay-btn p a{padding:1.1rem 2.5rem;background-color:#35b46f;margin-left:1rem;margin-right:0rem;display:inline-block;color:#fff;font-size:1.6rem;}
.pay-btn p span.num{ display:inline-block;color:#323232; padding: 1.1rem 0;}
.pay-btn p span.total{padding:1.1rem 2rem; margin-right:0rem;display:inline-block;color:#323232;font-size:1.6rem;}
.pay-btn p span.total em{ font-style:normal; color:#35b46f;}
.ui-bottom.columns-btn{ padding-left:0;}
.ui-bottom.columns-btn p a{ width: 100%; padding:1.1rem 0rem; text-align:center;background-color:#35b46f;display:inline-block;color:#fff;font-size:1.6rem;}
/*体检预约套餐项目内容*/
.items-li .ui-cell .ui-cell-title .info{display:block;color:#999;margin-top:.4rem;font-size:1.4rem;}
.items-li .ui-cell-content p.price{font-size:1.6rem;display:inline-block; color: #323232;}

/*增加体检套餐、项目按钮*/
.items-add-btn{text-align:center;width:50%;margin:0 auto;padding-bottom:0;}
.items-add-btn .ui-btn{font-size:1.6rem;}
.items-add-btn i{width:2rem;height:2rem;font-style:normal;display:inline-block;margin-right:.5rem;vertical-align:middle;}
.items-add-btn i.add-ico{background:url(../images/add.png) no-repeat 0 0;background-size:2rem 2rem;}

/*添加套餐、项目左滑删除*/
.items{overflow:hidden;margin:0px;padding:0px;list-style:none;}
#items li{position:relative;height:auto;}
.item-del-btn{position:absolute;top:0;right:-80px;text-align:center;background:#fd3b31;color:#fff;width:80px;font-size:1.4rem;height:2.4rem;padding:2rem 0;overflow:hidden;}
.item-del-btn i{display:inline-block;font-style:normal;width:24px;height:24px;}
.item-del-btn img{width:100%;}

/*选择体检机构*/
.m-agency{ clear: both; width: 100%;}
.ui-panel-img{width:7.2rem;height:7.2rem; margin-right:1.2rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; overflow: hidden;}
.ui-panel-img img{width:100%;height:7.2rem;}
.media-body h1{font-size:1.6rem;color:#323232;font-weight:normal; margin-bottom: .3rem;}
.media-body p{color:#666;font-size:1.4rem; line-height: 1.5;}
.media-body p em{ font-style: normal; font-size: 1.2rem;}
/*选择体检套餐*/
.sex{ display: inline-block; font-style: normal; width:1.6rem; height: 1.6rem; overflow: hidden; vertical-align:middle; margin-right:.4rem; margin-left: .2rem;}
.sex.male{ background:url(../images/male.png) no-repeat 0 0; background-size:1.5rem 1.5rem;}
.sex.female{background:url(../images/female.png) no-repeat 0 0; background-size:1.5rem 1.5rem;}
.items-li .ui-cell-content s{ display: inline-block; color: #666; font-size: 1.2rem;}
.m-t-6{ margin-top:.6rem;}
/*选中select*/
.i-checkbox{display:inline-block}
.i-checkbox input{padding-right:0;-webkit-appearance:none; border:none;float:left;margin-right:1.2rem; margin-top:1rem;width:2.2rem;height:2.2rem;display:inline-block;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background:url(../images/select-ico.png) no-repeat 0.1rem 0; background-size: 4.2rem 2.1rem; }
.i-checkbox input:checked{background:url(../images/select-ico.png) no-repeat -2.1rem 0rem; background-size: 4.2rem 2.1rem;}
/*套餐详情*/
.package-info{background:#fff;padding:1rem 1.2rem;}
.line-ico{display:inline-block;float:left;width:.5rem;height:2rem;background:#35b46f;margin-right:.6rem;}
.package-info h2{font-size:1.6rem;color:#323232; font-weight: normal; margin-bottom: 1rem;}
.package-info h2 em{display: inline-block; font-style: normal; font-size:1.4rem; color:#666; margin-left:1rem; }
.package-info h2 em .sex{ margin-left:.4rem;}
.package-info .package-pro{border:1px solid #35b46f;padding:1rem;overflow:hidden; font-size: 1.2rem; color:#999; line-height: 1.5; height: 9.6rem;}
.package-info .package-pro p .title{ font-size: 1.4rem; color: #666; margin-bottom:.5rem;}
/*套餐项目*/
.package-items{ clear:both;padding:1rem 0rem;}
.package-items h2{padding:1rem 1.2rem;font-size:1.6rem;color:#323232; font-weight: normal; background:#fff;}
/*选择体检项目*/
.select-items-m{ clear: both; width: 100%; height: 100%;}

/*菜单*/
.eh-left-st,.eh-right-st { height: 100%; }
.eh-left-st { padding-top:0; width: 24.33%; float: left;}
.eh-right-st { padding: 0px; float: left; margin-left: 3%; width: 72.6%;}
.eh-right-st .eh-control-div { display: none;}
.eh-right-st .eh-control-div.active { display: block;}
.eh-right-st .eh-control-div a { text-align: left; padding-left: 20px; }
.eh-right-st .eh-right-ct { height: 100%; overflow-y: auto; }
.eh-control-div { width: 100%; max-height: 100%; overflow-y: auto; background: #fff; }
.eh-control-div a { text-align: center; display: block;color: #323232; font-size:1.4rem; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; padding:1.5rem 0; background: #fff; }
.eh-control-div a:last-child.active{ border-bottom: none;}
.eh-control-div a.active { background:#f8f8f8; color: #35b46f;border-right: 1px solid #f8f8f8;}
/*右侧项目筛选*/
.ui-cell-group.filter-items,.ui-cell-group.physical-exam-price{ margin-bottom: 0px;}
.ui-cell-group.filter-items .ui-cell{ padding-right: 1rem;}
.ui-cell-group.filter-items .ui-cell:before{ height: 0px; background:#fff;}
.ui-cell-group.filter-items .accordion-head{ padding-left:.5rem;}
.filter-items .accordion-head .i-checkbox input{ margin-top: 0; margin-right:.6rem;}
.filter-items .accordion-head .ui-cell-title{ font-size: 1.4rem; color: #323232;}
.filter-items .accordion-head .ui-cell-title span.t-length{ display: inline-block; float: left;  max-width:56.6%;}
.filter-items .accordion-head .ui-cell-title span.price{ display: inline-block; float: right;  color: #666;}
.filter-items .accordion-head .ui-cell-title .fa{margin-left:.5rem;color:#999; margin-top: .3rem; width:.6rem; height:1.4rem;float: right; background:url(../images/more.png) no-repeat 0 0; background-size:.6rem 1.4rem; }
 .filter-items .accordion-head .ui-cell-title .fa-up{width:1.4rem; height:1.4rem;margin-left:.5rem; background:url(../images/arrowgrayups.png) no-repeat 0 0; background-size: 1.4rem 1.4rem;margin-top: .3rem; float: right;}
.close{ display: none;}
.open{ display: block;}
.items-pro{padding:.5rem 1rem 1rem 3rem; font-size: 1.2rem;color: #999; line-height:1.5;}
.items-pro p.title{ font-size: 1.2rem; color:#666;}
/*体检预约体检人信息*/
.physical-exam{clear:both;padding-top:1rem;}
.physical-exam .ui-cell-group .ui-cell .ui-cell-title p{ font-size: 1.5rem; }
.physical-exam h2{padding:1rem 1.2rem;font-size:1.6rem;color:#323232; font-weight: normal; background:#fff; border-bottom: 1px solid #eee;}
.physical-exam .ui-cell-group .ui-cell,.pay-way .ui-cell-group .ui-cell{ padding: 1rem 1.2rem;}
.physical-exam .ui-cell-group .ui-cell:before,.ui-cell-group.physical-exam-price .ui-cell:before{ background: none;}
.physical-exam .ui-cell-title p{ font-size: 1.6rem; color:#666;}
.physical-exam .ui-cell-title p span{ display: inline-block; float: right; text-align: right; color: #999;}
.physical-exam-price .ui-cell-title p{ font-size: 1.5rem; color: #666;}
.physical-exam-price .ui-cell-title span.price{display: inline-block; float: right;  color: #999;}
.ui-cell-group.physical-exam-price .ui-cell{ padding:1rem 1.2rem;}
.ui-cell-group.physical-exam-price .ui-cell .ui-cell-arrow{text-align: center;-webkit-box-flex: .2;-webkit-flex: .2;-ms-flex:.2;}
/*选择支付方式*/
.pay-way h2{padding:1rem 1.2rem;font-size:1.6rem;color:#323232; font-weight: normal;}
.pay-way .ui-cell-group .ui-cell .ui-cell-title,.pay-way .ui-cell-group .ui-cell .ui-cell-title p{ font-size: 1.5rem;}
.pay-way .ui-cell-title .ui-title-icon{ width:2.4rem; height:2.4rem; margin-right:.9rem; }
.pay-way .ui-cell-title .ui-title-icon img{ width:2.4rem; height:2.4rem; vertical-align:middle;}
.pay-way .ui-cell-content .i-checkbox input{ margin-top:0;margin-right:0;}
/*索要发票*/
.invoice .ui-form-item{ padding: 1rem 1.2rem; font-size: 1.4rem;}
.invoice .ui-form-item textarea{ outline: none; color: #323232; height: 8rem;}
/*体检须知*/
.instruciton-detail{ padding-left:1.2rem;padding-right:1.2rem; color: #666; font-size: 1.4rem;}
.instruciton-detail p{ line-height: 1.5; font-size: 1.4rem; margin-bottom:.6rem; }
/*预约成功*/
.book-success{ padding-left: 1.2rem; padding-right: 1.2rem;}
.book-success p{ color: #323232; font-size: 1.4rem; line-height: 1.5;}
.book-success-btn{text-align:center;width:50%;margin:0 auto;padding-bottom:0;}
.book-success-btn .ui-btn{ padding-top:.8rem; padding-bottom:.8rem; font-size: 1.6rem; margin-top:1rem; }
/*我的体检预约抵用券条码*/
.my-appointment .ui-cell{ position: relative;}
.my-appointment .ui-cell .ui-cell-title p{ margin-bottom: .3rem;}
.my-appointment .ui-cell .ui-cell-title p.smg{ margin-top:0;margin-bottom:0;}
.my-appointment .ui-cell .ui-cell-title p.coupon-code{ margin-top:.3rem;margin-bottom:0;}
.my-appointment .ui-cell .ui-cell-title p.coupon-code{ color: #999; font-size:2rem; text-align:left;}
.my-appointment .ui-cell .ui-cell-title p.coupon-code span{ display: inline-block; margin-left:2.2rem; }
/*印章*/
.seal{ position: absolute; right:3.6rem; top:1.6rem; display: block;width:7.2rem; height:7.2rem; overflow: hidden;}
.seal.cancelled{ background:url(../images/cancelled.png) no-repeat 0 0; background-size: 7.2rem 7.2rem;}
.seal.signed{background:url(../images/signed.png) no-repeat 0 0; background-size: 7.2rem 7.2rem;}
/*体检详情-体检须知*/
.physical-exam-notice .ui-cell-title p span{display: inline-block; color:#323232; width: 9rem;}
.physical-exam-notice .ui-cell-title p{font-size: 1.6rem; color: #666; text-align: left;}
/*体检详情底部*/
.ui-bottom.physical-exam-tip{ clear: both;background:#e1e1e1; border-top:none;}
.ui-bottom.physical-exam-tip p{ text-align: center; font-size:1.6rem; color: #666; padding: 1.1rem;}
/*选择体检日期*/
.date-m{ padding: 0rem 1.2rem; background: #fff; height:100%;}
/*选择体检时间*/
.time-m{padding: 0rem;}
.time-m h2{ text-align: center; font-size:1.7rem; color:#33cc66; font-weight: normal;}
.time-slot{ clear: both; padding-top: 1.2rem;}
.time-slot a{ display: block; float: left; width:28.3%; padding:2.6% 0;  text-align: center; background: #fff; border:1px solid #d8d8d8; margin-left:3.3%; margin-bottom:4%;}
.time-slot a{ font-size: 1.6rem; color: #323232; text-align: center; line-height: 1.5;}
.time-slot a .number{ margin-bottom:1%;}
.time-slot a.expired{ background:#e1e1e1;}
.time-slot a.appoint.active{background:#35b46f;color: #fff;}
.ui-cell-group.items-model .ui-cell:before{ height: 0px;}
.ui-cell-group.items-model .ui-cell .ui-cell-title p,.items-li .ui-cell .ui-cell-title, .items-li .ui-cell-content p.price{ font-size: 1.5rem;}
.ui-cell-group.items-model .ui-cell .ui-cell-title p.c-title{ color: #35b46f; font-size: 1.6rem;}
.ui-bottom.physical-exam-tip p.edit-date{ background:#35b46f; color: #fff;}

/*数据为空*/
.empty { margin-top: 10rem;width: 100%;height: 20rem;background: url(../images/empty.png) center center no-repeat; background-size: 30% auto;text-align: center; }
.empty p { font-size: 1.4rem;padding: 1rem;color: #999;padding-top: 18rem;}